﻿<!DOCTYPE html>
<html lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="author" content="陈旭光，Chen XuG,chenxvguang1991@163.com">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
        <title>2048</title>
        <style>
                html,body { width:100%;height: 100%;overflow: hidden;background: #CCCCCC;font-family: Arial, Microsoft YaHei;}
                * {padding:0;margin:0; }
                #gameAera{position: relative;width: 300px;height: 300px;margin:5px auto;background: #CDC8B1;border-radius: 6px;}
                #can1{position: absolute;top: 0;left: 0;z-index: 1}
                #can2{position: absolute;top: 0;left: 0;z-index: 2}
                #replay{display:none;position:absolute;top: 240px;left: 0px;width: 300px;height: 40px;line-height: 40px;font-size: 20px;text-align: center;
                            background:#EE7600;z-index: 4 ;transition: all 0.5s ease;}
                #desc{margin:0 auto;width: 300px;height: 60px }
                #desc p{width: 300px;height:28px;color: #CDAD00;text-align:center;line-height: 20px;}
                p:first-child{border-bottom: 4px solid #CDAD00;font-size: 18px;}
                p:last-child{font-size: 15px}

        </style>
</head>
<body>
        <div id='gameAera'>
            <canvas id='can1' width=300 height="300"></canvas>
            <canvas id='can2' width=300 height="300"></canvas>
            <span id='replay'>Play Again</span>
        </div>
        <div id='desc'>
            <p>score:<span id='score'></span></p>
            <p>author: Chen XvG</p>
        </div>
        <script type="text/javascript" src='game.js'></script>
</body>
</html>